<template>
	<view>
		<!-- 顶部导航 -->
		<fa-navbar title="门店中心" :border-bottom="false"></fa-navbar>
		
		<!-- <view class="u-flex u-text-center u-p-l-30 u-p-r-30 u-p-t-50 u-p-b-50 bg-white">
			<view class="u-flex-4" @click="goPage('/pages/order/list?status=1', true)">
				<view class="u-text-weight u-font-28"><text v-text="(vuex_user.order && vuex_user.order.created) || 0"></text></view>
				<view class="u-m-t-20">待付款</view>
			</view>
			<view class="u-flex-4 u-border-left u-border-right" @click="goPage('/pages/order/list?status=2', true)">
				<view class="u-text-weight u-font-28"><text v-text="(vuex_user.order && vuex_user.order.paid) || 0"></text></view>
				<view class="u-m-t-20">待体检</view>
			</view>
			<view class="u-flex-4" @click="goPage('/pages/order/list?status=4', true)">
				<view class="u-text-weight u-font-28"><text v-text="(vuex_user.order && vuex_user.order.evaluate) || 0"></text></view>
				<view class="u-m-t-20">待评论</view>
			</view>
		</view> -->
		<!-- 导航 -->
		<view class="u-m-t-30 u-m-b-15">
			<u-cell-group>
					<!-- <u-grid-item @click="goPage('/pages/uform/uformadd',true)">
									<u-icon name="coupon-fill" :size="60" color="#ff9900"></u-icon>
									<view class="grid-text">客户表单</view>
								 </u-grid-item> -->
				<!-- <u-cell-item icon="account-fill" title="个人资料" @click="goPage('/pages/my/profile', true)"></u-cell-item> -->
				
				<!-- <u-cell-item  title="二级分销商认证" @click="goPage('/pages/uform/userrz', true)"></u-cell-item> -->
			
				<!-- <u-cell-item icon="list" title="我的订单" @click="goPage('/pages/order/list', true)"></u-cell-item> -->
				<!-- <u-cell-item title="我的客户订单" @click="goPage('/pages/order/oddownlist', true)"></u-cell-item> -->
				
				<!-- <u-cell-item  title="我的下级" @click="goPage('/pages/order/downusers', true)"></u-cell-item> -->
			<!-- 	<u-cell-item title="我的佣金" @click="goPage('/pages/order/mycommisionlist', true)"></u-cell-item>
			     <u-cell-item title="申请提现" @click="goPage('/pages/uform/withdrawapply', true)"></u-cell-item>
				 -->
				
				 <u-cell-item title="门店订单" @click="goPage('/pages/order/storeodlist', true)"></u-cell-item>
				 <!-- <u-cell-item title="门店用户" @click="goPage('/pages/order/storeuser', true)"></u-cell-item> -->

				<!-- <view class="exchange btn" @click.stop="goPage('/pages/order/oduformbxbuypj?ordersn=' + res.ordersn)">购买配件</view> -->
	             <!-- pages/goods/goods -->
				 <u-cell-item title="提交用户线下订单" @click="goPage('/pages/goods/goods?flag=odgoodsaddbyuserxx', true)"></u-cell-item>				
				  <!-- <u-cell-item title="费用支出" @click="goPage('/pages/order/cw_fybx', true)"></u-cell-item> -->
				<!-- pages/cart/cart -->
				 <u-cell-item title="线下订单批量支付" @click="goPage('/pages/cart/cart?flag=odgoodsaddbyuserxx', true)"></u-cell-item>			

								
				 <u-cell-item title="员工提成" @click="goPage('/pages/order/myticheng', true)"></u-cell-item>
				
				 <!-- <u-cell-item  title="门店信息" @click="goPage('/pages/uform/mystore', true)"></u-cell-item> -->
				 <!-- <u-cell-item  title="门店订单" @click="goPage('/pages/order/list', true)"></u-cell-item> -->
				
				 <!-- <u-cell-item  title="会员预约列表" @click="goPage('/pages/order/memberodyy', true)"></u-cell-item> -->
				
				
				<!-- <u-cell-item title="下级订单" @click="goPage('/pages/order/oddownlist', true)"></u-cell-item> -->
				
				<!-- <u-cell-item icon="pushpin-fill" title="每日一签" @click="toSignin"></u-cell-item> -->
				<!-- <u-cell-item icon="heart-fill" title="我的收藏" @click="goPage('/pages/my/collect', true)"></u-cell-item> -->
				<!-- <u-cell-item icon="map-fill" title="我的地址" @click="goPage('/pages/address/address', true)"></u-cell-item>
				<u-cell-item icon="coupon-fill" title="我的优惠券" @click="goPage('/pages/coupon/user',true)"></u-cell-item>
				<u-cell-item icon="coupon-fill" title="核销卡券" @click="goPage('/pages/uform/verifiorder',true)"></u-cell-item>
				 -->
				<!-- <u-cell-item icon="integral-fill" title="我的积分兑换" @click="goPage('/pages/score/order',true)"></u-cell-item> -->
				<view class="u-border-bottom u-p-30">
					<!-- #ifdef MP-WEIXIN -->
						<!-- <button class="share-btn u-flex u-row-between" open-type="contact">
							<view class="fa-cell">
								<u-icon size="34" name="server-man"></u-icon>
								<text class="u-m-l-10">联系客服</text>
							</view>
							<view class="">
								<u-icon name="arrow-right" color="#969799"></u-icon>
							</view>
						</button>		 -->
					<!-- #endif -->
					<!-- #ifndef MP-WEIXIN -->
						<!-- <button class="share-btn u-flex u-row-between" @click="callphone">
							<view class="fa-cell">
								<u-icon size="34" name="server-man"></u-icon>
								<text class="u-m-l-10">联系客服</text>
							</view>
							<view class="">
								<u-icon name="arrow-right" color="#969799"></u-icon>
							</view>
						</button>		 -->
					<!-- #endif -->
				</view>
				 <!-- <u-cell-item icon="question-circle" title="帮助中心" @click="goPage('/pages/help/index')"></u-cell-item> -->
				<!-- <u-cell-item icon="info-circle-fill" title="关于我们" @click="goPage('/pages/page/page?diyname=aboutus')"></u-cell-item> -->
				 <!-- <u-cell-item icon="backspace" v-if="vuex_token" title="退出登录" @click="goPage('out')"></u-cell-item> -->
			</u-cell-group>
		</view>
		<u-top-tips ref="uTips" :navbar-height="statusBarHeight + navbarHeight"></u-top-tips>
		<!-- 底部导航 -->
		<fa-tabbar></fa-tabbar>
	</view>
</template>

<script>
import { avatar } from '@/common/fa.mixin.js';
export default {
	mixins: [avatar],
	computed: {
		wavetop() {
			return this.$u.http.config.baseUrl + '/assets/addons/shop/img/wave-top.png';
		},
		wavemiddle() {
			return this.$u.http.config.baseUrl + '/assets/addons/shop/img/wave-mid.png';
		},
		wavebottom() {
			return this.$u.http.config.baseUrl + '/assets/addons/shop/img/wave-bot.png';
		},
		isBind() {
			return false;
		}
	},
	onShow() {
		if (this.vuex_token) {
			this.getUserIndex();
		} else {
			this.$u.vuex('vuex_user', {});
		}
		//移除事件监听
		uni.$off('uAvatarCropper', this.upload);
	},
	data() {
		return {
			// 状态栏高度，H5中，此值为0，因为H5不可操作状态栏
			statusBarHeight: uni.getSystemInfoSync().statusBarHeight,
			// 导航栏内容区域高度，不包括状态栏高度在内
			navbarHeight: 44,
			url: '',
			form: {
				avatar: ''
			}
		};
	},
	methods: {
		getUserIndex: async function() {
			let res = await this.$api.getUserIndex();
			uni.stopPullDownRefresh();
			if (res.code == 1) {
				this.$u.vuex('vuex_user', res.data.userInfo || {});
				if (res.data.showProfilePrompt && !this.vuex_setting.prompted) {
					// 弹窗每次登录状态只提示一次
					this.$u.vuex('vuex_setting.prompted', true);
					uni.showModal({
						title: '温馨提示',
						confirmText: '去设置',
						cancelText: '取消',
						showCancel: true,
						content: '当前未设置昵称，请设置昵称后再继续操作',
						success: (res) => {
				
							if (res.confirm) {
								this.$u.route("/pages/my/profile");
							} else if (res.cancel) {
				
							}
						}
					});
				}
			} else {
				this.$u.toast(res.msg);
				return;
			}
		},
		toSignin() {
			if (!this.vuex_user.is_install_signin) {
				this.$refs.uTips.show({
					title: '请先安装会员签到插件插件或启用该插件',
					type: 'error',
					duration: '3000'
				});

				return;
			}
			this.goPage('/pages/signin/signin', true);
		},
		editAvatar: async function() {
			let res = await this.$api.goUserAvatar({
				avatar: this.form.avatar
			});
		},
		// #ifndef MP-WEIXIN
		callphone(){
			uni.makePhoneCall({
			    phoneNumber: this.vuex_config.phone //仅为示例
			});
		}
		// #endif
	},
	//下拉刷新
	onPullDownRefresh() {
		if (this.vuex_token) {
			this.getUserIndex();
		} else {
			uni.stopPullDownRefresh();
			this.$u.toast('请先登录');
			this.$u.vuex('vuex_user', {});
		}
	}
};
</script>

<style lang="scss">
page {
	background-color: #f4f6f8;
}
.fa-cell{
	color: #606266;
}
.home {
	position: relative;
	.userinfo {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 30rpx 0;
		z-index: 100;
		height: 310rpx;
		.u-skeleton-fillet {
			color: #ffffff;
			z-index: 101;
		}
	}
	.corrugated {
		bottom: -2rpx;
		left: 0;
		position: absolute;
		width: 100%;
		height: 50%;
		overflow: hidden;
		z-index: 0;
		.wave-item {
			position: absolute;
			width: 200%;
			left: 0;
			height: 200rpx;
			background-repeat: repeat no-repeat;
			background-position: 0 bottom;
			transform-origin: center bottom;
		}
		.wave-top {
			opacity: 0.5;
			animation: wave-animation 3s;
			animation-delay: 1s;
			background-size: 50% 60rpx;
			z-index: 15;
		}
		.wave-middle {
			opacity: 0.75;
			animation: wavemove 10s linear infinite;
			background-size: 50% 80rpx;
			z-index: 10;
		}
		.wave-bottom {
			animation: wavemove 15s linear infinite;
			background-size: 50% 45rpx;
			z-index: 5;
		}
	}
}

@keyframes wavemove {
	0% {
		transform: translateX(0) translateZ(0) scaleY(1);
	}
	50% {
		transform: translateX(-25%) translateZ(0) scaleY(0.55);
	}
	100% {
		transform: translateX(-50%) translateZ(0) scaleY(1);
	}
}
</style>
